14. Name That Element Round 2

Name That Element: Round 2

In each case, provide the label for the first (i.e., outermost) element. If the element would be hidden from the accessibility tree, type in No label as your answer. Note that HTML labelling techniques, and ARIA roles and attributes, must be used correctly in order to be effective!

Here are some resources that may help you along the way:

QUESTION: 

<div role="treeitem" aria-hidden>
  Semantics
</div>

SOLUTION:

NOTE: The solutions are expressed in RegEx pattern. Udacity uses these patterns to check the given answer

QUESTION: 

<button hidden>
  Sign up
</button>

SOLUTION:

NOTE: The solutions are expressed in RegEx pattern. Udacity uses these patterns to check the given answer

QUESTION: 

<span role="checkbox" aria-labelledby="label">
<span hidden id="label">
  Styling
</span>

SOLUTION:

NOTE: The solutions are expressed in RegEx pattern. Udacity uses these patterns to check the given answer

QUESTION: 

<span role="button">
  <span class="icon icon-menu" role="img" aria-label="menu">
  </span>
</span>

SOLUTION:

NOTE: The solutions are expressed in RegEx pattern. Udacity uses these patterns to check the given answer

Solution

Name That Element Round 2

Next Concept